<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>瀑布流信息页</title>
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入本页面css 文件 -->
    <link rel="stylesheet" href="css/11_01.css">
</head>

<body>
    <div class="centerBox">
        <!-- 信息单元模块 -->
        <div class="waterfallFlowBox">
            <ul class="waterfallFlowBox-img02"></ul>
            <ul class="aterfallFlowBox_txt01">王小小</ul>
            <ul class="aterfallFlowBox_txt02">2020-11-21 09:31</ul>
            <ul class="aterfallFlowBox_txt03">长亭外，古道边，芳草碧连天。晚风拂柳笛声残，夕阳山外山。天之涯，地之角，知交半零落。一壶浊酒尽余欢，今宵别梦寒。长亭外，古道边，芳草碧连天。问君此去几时来，来时莫徘徊。</ul>
            <ul class="waterfallFlowBox-xiangce fl">
                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>
            </ul>
            <ul class="waterfallFlowBox-liulan">
                <img src="img/liulan@2x.png" width="23px" height="16px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-zujian">
                <img src="img/zujian@2x.png" width="22px" height="19px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-dianzan">
                <img src="img/zujian@2x.png" width="16px" height="17px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-pinglun">
                <li class="waterfallFlowBox-txt02 fl">问君此去几时来，来时莫徘徊</li>
                <li class="waterfallFlowBox-txt03 fl">问君此去几时来，来时莫徘徊</li>
                <li class="waterfallFlowBox-txt04 fl">全部评论</li>
            </ul>
        </div>

        <!-- 信息单元模块 -->
        <div class="waterfallFlowBox">
            <ul class="waterfallFlowBox-img02"></ul>
            <ul class="aterfallFlowBox_txt01">王小小</ul>
            <ul class="aterfallFlowBox_txt02">2020-11-21 09:31</ul>
            <ul class="aterfallFlowBox_txt03">长亭外，古道边，芳草碧连天。晚风拂柳笛声残，夕阳山外山。天之涯，地之角，知交半零落。一壶浊酒尽余欢，今宵别梦寒。长亭外，古道边，芳草碧连天。问君此去几时来，来时莫徘徊。</ul>
            <ul class="waterfallFlowBox-xiangce fl">
                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>

                <li class="waterfallFlowBox-photo fl">
                    <img src="img/宝宝图片.png" width="180px" height="180px" alt="">
                </li>
            </ul>
            <ul class="waterfallFlowBox-liulan">
                <img src="img/liulan@2x.png" width="23px" height="16px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-zujian">
                <img src="img/zujian@2x.png" width="22px" height="19px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-dianzan">
                <img src="img/zujian@2x.png" width="16px" height="17px" alt="">
                <li class="waterfallFlowBox-txt fl">36</li>
            </ul>
            <ul class="waterfallFlowBox-pinglun">
                <li class="waterfallFlowBox-txt02 fl">问君此去几时来，来时莫徘徊</li>
                <li class="waterfallFlowBox-txt03 fl">问君此去几时来，来时莫徘徊</li>
                <li class="waterfallFlowBox-txt04 fl">全部评论</li>
            </ul>
        </div>
    </div>
</body>

</html>